<template>
    <!--组合计划配置-->
    <div class="zzjhpz_wrap">

        <div class="left-box">
            <LeftPanel></LeftPanel>
        </div>

        <div class="right-box">
            <RightPanel></RightPanel>
        </div>

    </div>
</template>

<script>
    import LeftPanel from './module/LeftPanel';
    import RightPanel from './module/RightPanel';

    export default {
        components: {
            LeftPanel,
            RightPanel,
        },
        data() {
            return {

            }
        },
        methods: {

        },
        mounted() {

        }
    }
</script>

<style lang="less">
    .zzjhpz_wrap {
        width: 100%;
        height: 100%;

        >.left-box {
            display: inline-block;
            vertical-align: top;
            width: 400px;
            height: 100%;
            margin-right: 28px;
        }

        >.right-box {
            display: inline-block;
            vertical-align: top;
            width: calc( 100% - 400px - 28px );
            height: 100%;
            border-radius: 8px;
        }
    }
</style>
